{% extends 'base.html' %}

{% block conteudo %}

<div id="cabecalho" style="margin-left: 10px;">
	<div id="imagem" style="float: left;width: 15%">
		<img src="{{MEDIA_URL}}{{pessoa.imagem}}" height="100" width="80"/>
	</div>
	<div style="float: right;width: 85%">
		<label><b>{{pessoa.usuario.first_name|title}}</b> ({{pessoa.usuario.username}})</label>
	</div>
	<div class="clear"></div>
</div>

<div id="perguntar">
	<h3>Perguntar</h3>
	<form action="{% url ask.views.perguntar pessoa.pk %}" method="post">
		<textarea name="enunciado" style="width: 80%;margin-left: 30px;margin-top: 20px;margin-bottom: 20px;"></textarea>
		<button type="submit" style="margin-left: 500px;">Enviar</button>
	</form>	
</div>

<div id="listar_perguntas">
	{% for pergunta in perguntas %}
	<div style="margin-bottom: 20px; border-bottom: 1px solid #E7E7E1;margin-left: 20px;margin-right: 20px;">

		<label><b>{{pergunta.enunciado}}</b></label><a href="{% url ask.views.listar_perfil pergunta.from_pessoa.usuario.username %}" style="margin-left: 10px;">{{pergunta.from_pessoa.usuario.username }} </a>
		<p>
			{{pergunta.resposta}}
		</p>
	</div>
	{% empty %}
	<div style="background-color: #E7E7E1">
		<label> Nenhuma Pergunta</label>
	</div>
	{% endfor %}
</div>

{% endblock %}
